﻿div.showSpinner
{
    position:absolute;
    left : 0px;
    top :0px;
    width :100%;
    height :100%;
    z-index:99;
}

div.hideSpinner
{
    position:absolute;
    left : 0px;
    top :0px;
    width :100%;
    height :100%;
    z-index :-1;
}

@tinyControlWidth : 40px;
@smallControlWidth : 80px;
@mediumControlWidth : 150px;
@largeControlWidth : 250px;
@numberControlWidth : 100px;

div.tiny,
th.tiny,
td.tiny,
input.tiny,
textarea.tiny,
select.tiny
{
    width : @tinyControlWidth !important;
}

div.small,
th.small,
td.small,
input.small,
textarea.small,
select.small
{
    width : @smallControlWidth !important;
}

div.medium,
th.medium,
td.medium,
input.medium,
textarea.medium,
select.medium
{
    width : @mediumControlWidth !important;
}

div.large,
th.large,
td.large,
input.large,
textarea.large,
select.large
{
    width : @largeControlWidth !important;
}

input.number, input.date
{
    width : @numberControlWidth !important;
}


.editorlabel (@width)
{
    display: inline-block;
    margin:0.5em 0 0 0;
    width:(0px + @width);
}

.editor-label
{
   .editorlabel(100);
}

.editor-smalllabel
{
    .editorlabel(100);
}

.editor-mediumlabel 
{
  .editorlabel(110);
}

.editor-longlabel 
{
  .editorlabel(125);
}


.editor-field{
    display: inline;
    margin:0.5em 0 0 0;
}

.display-label{
    display: inline-block;
    margin:0.3em 0 0 0;
    /*width:100px;*/
}

.display-field{
    display: inline;
    margin:0.3em 0 0 0;
}


div.border,
fieldset.border {
    border:solid;
    border-width :thin;
    margin: 1px;
    padding: 10px;
    border-radius: 0.7em;
    box-shadow: 5px 5px 7px rgba(0,0,0,.2);
}

fieldset.small {
    width:200px;
    height:100%;
}

fieldset.medium {
    width:300px;
    height:100%;
}

fieldset.large {
    width:400px;
    //height:100%;
}

fieldset legend.border {
        display:table;
        margin :1px 5px;
 }

table.border {
    border:solid;
    border-width :thin;
    margin: 1px;
    padding: 1px;
}

tr.border 
{
    border:solid;
    border-width :thick;
    margin: 1px;
    padding: 1px;
}


/*collapsible start*/
.collapsible {
    margin-bottom: 20px;
    background: #EBEBEB;
    border: 1px solid #CCCCCC;
    padding: 5px;
    width: 475px;
    font: 12px Arial, Helvetica, sans-serif;
    color: #333333;
    display: block;
    overflow: hidden;
    position :absolute;
    /*float:right;*/
    z-index:1000;
    right :0px;
    /*top:0px;*/
    display: table-cell ;
    button {
        height: 135px;
        float: right;
        border: 1px solid #999999;
        background: #999999;
        color: #CECECE;
        margin-left: 10px;
        :hover {
            background: #990000;
            border: 1px solid #990000;
        }
    }         
}

/*collapsible end*/


.container div {
    display: inline-block;
}

.accordionControl,
.accordionControlSingle
{
    /*.ui-icon { display: none; }*/
    .ui-accordion-header a { padding-left: 0 }
    .ui-accordion-content { padding: 10px; }
    /*width: 956px;
    overflow-x: scroll;*/
}

.accordionControl th,
.accordionControl td{
    padding-left: 2px;
}

/* default override - makes the headers smaller */
.ui-accordion .ui-accordion-icons {
    padding: 0em !Important;
}

.spacer {
    height: 10px;
}


.horizontalRadioButtons{
    display:inline;
}
.verticalRadioButtons{
    display:block !important;
}

.redText {
    color: #e80c4d;
    font-weight: bold;
}

.greenText {
    color: #00ff21;
    font-weight: bold;
}

.boldText 
{
    font-weight: bold !important;
}
/*.field-validation-error {
    background-image: url('/Images/DeleteButton.png');
    background-repeat: no-repeat;
    color: Transparent;
    -moz-background-size: 16px 16px;
    -o-background-size: 16px 16px;
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;
}*/

/*http://www.webdesignerwall.com/demo/css-buttons.html*/
/* button 
    ---------------------------------------------- */
.anchorButton,
.button {
  background-color: #d3dce0;
  border: 1px solid #787878;
  cursor: pointer;
  font-size: 1.0em;
  font-weight: 600;
  padding: 2px 5px 2px 5px;
  width: auto;
  border-radius: 0.5em;
  height: inherit;
  text-decoration: none;
        
    /*display: inline-block;
    zoom: 1; // zoom and *display = ie7 hack for display:inline-block 
    *display: inline;
    vertical-align: baseline;
    margin: 0 2px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Arial, Helvetica, sans-serif;
    padding: .5em 2em .55em;
    -webkit-text-shadow: 0 1px 1px rgba(0,0,0,.3);
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);*/

    :hover {
    }
    
    :active {
        position: relative;
        top: 1px;
    }
}

.anchorButtonInline {
    background-color: #d3dce0;
    border: 1px solid #787878;
    cursor: pointer;
    width: auto;
    height: 15px;
    font-size: .9em;
    border-radius: 0.4em;
    font-weight: bold;
    padding: 1px 5px 0px 5px;
    text-decoration: none;
}

.button input[type=submit], button{
    height :30px;
}

.opportunityContactLink { }

.icon-creditReport {
    background: url('../Images/credit-report-icon.png') center right no-repeat;
    padding:0 16px 0 0;
    white-space:nowrap;
    cursor: pointer;
}

.hidden{
    display: none;
}

.icon-attachment {
    background: url('../Images/attachment-icon.png') center right no-repeat;
    padding:0 16px 0 0;
    white-space:nowrap;
    cursor: pointer;
}

/* start pagination */
.pagination {
	background: #d3d3d3 url(images/pag_bg.gif) repeat-x;
	border: 1px solid #b6b6b6;
	margin: 8px 0 0;
	position: relative;
	top: 0;
	left: 0;
	padding: 0 11px;
	/*width: 643px;*/
	width: auto;
	overflow: hidden;
	line-height: 25px;
	color: #444;
	font-size: 12px;
}

.pagination  .page_no {
	float: left;
	color: #444;
	font-size: 12px;
	white-space: nowrap;
	display: block;
	margin-right: 20px;
}

.pagination form {
	float: right;
	margin: 0;
	padding: 0;
}

.pagination fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
}

.pagination label {
	float: left;
	display: block;
	padding: 0 5px 0 0;
}

.pagination .pag_inputs {
	float: left;
	padding: 1px 0 0;
}

.pag_list {
	margin: 0;
	padding: 0;
}

.pag_list li {
	float: left;
	list-style: none;
	padding: 0 4px 0 0;
	color: #444;
}

.pag_list a:link, .pag_list a:visited, .pag_list a:hover, .pag_list a:active {
	color: #366fa7;
}

.pag_list span {
	font-weight: bold;
}

.prev, .next {
	display: block;
	font-weight: bold;
}

.prev {
	background:url(images/prev.gif) no-repeat left center;
	padding:  0 0 0 10px;
	margin: 0 1px 0 0;
}

.next {
	background:url(images/next.gif) no-repeat right center;
	padding:  0 10px 0 0;
	margin: 0 0 0 5px;
}

.input_go {
	display: block;
	line-height: normal;
	float: left;
	background: #fff;
	border: 1px solid #adadad;
	margin: 2px 3px 0 0;
	padding: 1px 4px;
	width: 34px;
}

.input_go input {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	background: transparent;
	border: 0;
	font-size: 12px;
}

.pagination .button {
	float: left;
	margin: 2px  0 0 ;
	display: block;
	width: 18px;
	height: 19px;
	background:url(images/go.gif) no-repeat;
}

.pagination #page-size
{
    float: right;
    width: auto;
}

/* end pagination */

.table_wrapper {
	width: 100%;
	margin: 0 auto;
	font-size: 14px;
	
}

.table_wrapper_inner {
	border: solid #dbdbdb;
	border-width:  0 0 0 1px;
}

.table_wrapper td, .table_wrapper th {
	border: solid #dbdbdb;
	border-width: 1px 1px 1px 0;
}

.table_wrapper th {
	font-weight: bold;
	font-size: 13px;
}

.table_wrapper th 
{
    border-width: 2px 1px 0 0;
}

.table_wrapper td , .table_wrapper th {
	text-align: left;
	padding: 0 12px;
	line-height: 26px;
	font-size: 16px;
}

.table_wrapper th {
	background: #fff;
}

.table_wrapper td {
	background: #fefefe url(images/td_bg1.gif) repeat-x;
}

.table_wrapper tr.second td {
	background: #f2f2f2 url(images/td_bg2.gif) repeat-x;
}
